<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小兔鲜儿-新鲜、惠民、快捷！</title>
  <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
  <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <!-- 头部模块-->
  <header>
    <!-- 快捷菜单模块-->
    <div class="xtx-shortcut">
      <div class="container"> 
        <ul class="fr">
          <li><a href="">请先登录</a>|</li>
          <li><a href="">免费注册</a>|</li>
          <li><a href="">我的订单</a>|</li>
          <li><a href="">会员中心</a>|</li>
          <li><a href="">帮助中心</a>|</li>
          <li><a href="">在线客服</a>|</li>
          <li><a href="">手机版</a></li>
        </ul>
      </div>
    </div>

    <!-- #主导航模块-->
    <div class="xtx-main-nav container">
        <!-- #logo -->
        <h1 class="logo fl">
          <a href="#">小兔鲜儿</a>
        </h1>
        <nav class="fl">
          <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">生鲜</a></li>
            <li><a href="#">美食</a></li>
            <li><a href="#">餐厨</a></li>
            <li><a href="#">电器</a></li>
            <li><a href="#">居家</a></li>
            <li><a href="#">洗护</a></li>
            <li><a href="#">孕婴</a></li>
            <li><a href="#">服装</a></li>
          </ul>
        </nav>
        <!-- #search -->
        <div class="search fl">
          <input type="search" placeholder="搜一艘">
        </div>
        <!-- #cart-->
        <div class="cart fl">
          <span>2</span>
        </div>
  </header>
  <!-- #网站入口模块-->
  <div class="xtx-entry">
    <div class="container">
      <!-- #轮播图 -->
      <ul class="banner">
        <li>
          <a href="">
            <img src="./uploads/banner_1.png" alt="">
          </a>
        </li>
      </ul>
      <!-- #侧边栏 -->
      <aside class="category">
        <ul>
          <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
          <li><a href="#">美食 <span>面点 水果</span></a></li>
          <li><a href="#">餐厨 <span>数码产品</span></a></li>
          <li><a href="#">电器 <span>床品 四件套 被枕</span></a></li>
          <li><a href="#">居家 <span>奶粉 玩具 辅食</span></a></li>
          <li><a href="#">洗护 <span>洗发 洗护 美妆</span></a></li>
          <li><a href="#">孕婴 <span>奶粉 玩具</span></a></li>
          <li><a href="#">服饰 <span>女装 男装</span></a></li>
          <li><a href="#">杂货 <span>户外 图书</span></a></li>
          <li><a href="#">品牌 <span>品牌制造</span></a></li>
        </ul>
      </aside>
      <!-- #左右按钮 -->
      <a href="#" class="prev"></a>
      <a href="#" class="next"></a>
      <!-- #轮播图指示器 -->
      <ol class="indicator">
        <li></li>
        <li></li>
        <li class="active"></li>
        <li></li>
        <li></li>
      </ol>
    </div>
  </div>
  <!-- #新鲜好物模块 -->
  <div class="xtx-new-goods container">
    <!-- #好物模块头部 -->
    <div class="goods-hd">
      <!-- #左边h2 -->
      <h2 class="fl">
        新鲜好物 <span>新鲜出炉 品质靠谱</span>
      </h2>
      <!-- #右边的a -->
      <a href="#" class="fr">查看全部</a>
    </div>
    <!-- #好物模块列表 -->
    <div class="goods-list">
      <ul>
        <li>
          <img src="./uploads/new_goods_1.jpg" alt="">
          <h3>睿米无限吸尘器F8</h3>
          <p><span>￥</span> 899</p>
        </li>
        <li>
          <img src="./uploads/new_goods_2.jpg" alt="">
          <h3>智能环绕3的空调</h3>
          <p><span>￥</span> 1299</p>
        </li>
        <li>
          <img src="./uploads/new_goods_3.jpg" alt="">
          <h3>广东软软糯米煲仔饭</h3>
          <p><span>￥</span> 129</p>
        </li>
        <li>
          <img src="./uploads/new_goods_4.jpg" alt="">
          <h3>罗西机械智能手表</h3>
          <p><span>￥</span> 3399</p>
        </li>
      </ul>
    </div>
  </div>
  <!-- #底部模块 -->
  <footer>
    <!-- #宣传服务 -->
    <div class="xtx-service">
      <div class="container">
        <a href="#">价格亲民</a>
        <a href="#">物流快捷</a>
        <a href="#">品质新鲜</a>
      </div>
    </div>
    <!-- #版权信息 -->
    <div class="xtx-copyright">
      <div class="container">
        <p>
          <a href="#">关于我们</a> |
          <a href="#">帮助中心</a> | 
          <a href="#">售后服务</a> |
          <a href="#">配送与验收</a> |
          <a href="#">商务合作</a> |
          <a href="#">搜索推荐</a> |
          <a href="#">友情链接</a>
        </p>
        <p>
          CopyRight @ 小兔鲜儿
        </p>
      </div>
    </div>
  </footer>
</body>
</html>
